<template>
    <div class='login'>
        <van-form @submit="onSubmit">
        <van-field
            v-model="username"
            name="userName"
            label="用户名"
            placeholder="用户名"
            :rules="[{ required: true, message: '请填写用户名' }]"
        />
        <van-field
            v-model="password"
            type="password"
            name="password"
            label="密码"
            placeholder="密码"
            :rules="[{ required: true, message: '请填写密码' }]"
        />
        <div style="margin: 16px;">
            <van-button round block type="info" native-type="submit"
            >提交</van-button
            >
        </div>
        </van-form>
    </div>
</template>

<script>
import { Toast } from 'vant';
import { setToken } from '../../utils/auth';
import {loginApi} from "../../api/user"
export default {
    
    components: {},
    data() {
        
        return {
            username: "",
            password: "",
        };
    },
    computed: {},
    watch: {},
    
    methods: {
        async onSubmit(values){
            console.log(values);
            
            const result = await loginApi({...values})
            console.log(result);
            if(result.data.code == "success"){
                setToken(result.data.token);
                Toast.success("登录成功")
                this.$router.push("/")
            }
        }
    },
    created() {
        
    },
    mounted() {
        
    },
    }
</script>
<style scoped>
    
</style>